<script setup>


</script>

<template>
  <view class="back">
    <view class="process-container1">
      <view class="process-header">
        <view class="pro-t">
          <text class="process-title">学生信息</text>
          <view class="pro-text">
            <text class="pro-text1">学生姓名：</text>
            <text class="pro-text2">天天</text>
            <br>
            <text class="pro-text1">学生学号：</text>
            <text class="pro-text2">24130403</text>
            <br>
            <text class="pro-text1">学院:</text>
            <text class="pro-text2">工商管理学院</text>
            <br>
            <text class="pro-text1">专业：</text>
            <text class="pro-text2">工商管理</text>
            <br>
            <text class="pro-text1">年级：</text>
            <text class="pro-text2">2023</text>
            <br>
            <text class="pro-text1">电话：</text>
            <text class="pro-text3">13080363356</text>
            <br>
            <text class="pro-text1">导师姓名：</text>
            <text class="pro-text2">张余杭</text>
            <br>
            <text class="pro-text1">辅导员姓名：</text>
            <text class="pro-text2">王天痕</text>
            <br>

          </view>
        </view>
        <text class="collapse-btn">收起↑</text>
      </view>


    </view>
    <view class="process-container">
      <view class="process-header">
        <text class="process-title">留校登记记录</text>
<!--        <text class="collapse-btn">收起↑</text>-->

      </view>
      <text class="text2">未登记，无法查看</text>

    </view>
    <view class="process-container">
      <view class="process-header">
        <text class="process-title">审批流程</text>
<!--        <text class="collapse-btn">收起↑</text>-->

      </view>
      <text class="text2">未登记，无法查看</text>

    </view>
    <view class="process-container">
      <view class="process-header">
        <text class="process-title">签到记录</text>
<!--        <text class="collapse-btn">收起↑</text>-->

      </view>
      <text class="text2">未登记，无法查看</text>

    </view>
  </view>
</template>

<style scoped>
.pro-t{
  flex-direction: column;
}
.pro-text1{
  color: #262626;
  font-size: 14px;
  line-height: 25px;
}
.pro-text2{
  color:#797979;
  font-size: 14px;
  line-height: 25px;
}
.pro-text3{
  color:#006DFF;
  font-size: 14px;
  line-height: 25px;
}
.process-container {
  background-color: #fff;
  margin: 20px 12px 12px 12px;
  padding: 16px;
  height: 118px;
}
.process-container1 {
  background-color: #fff;
  margin: 20px 12px 12px 12px;
  padding: 16px;
  height: 250px;
}
.process-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;

}
.process-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
}
.collapse-btn {
  font-size: 14px;
  color: #007aff;
}

.back{
  background-color: #F2F4F7;
  padding-top: 20px;
  height: 840px;
}
.text2{
  width: 112px;
  height: 20px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 16px;
  color: #717171;
  margin-left: 100px;

}
</style>